<template>
    <div class="default-layout">
      <gz-header style=""
            :title="system"
            ></gz-header>
        <n-layout has-sider style="" class="layoutdiv">
            <n-layout>
                <!-- <transition> -->
                <router-view></router-view>
                <!-- </transition> -->
            </n-layout>
        </n-layout>
    </div>
</template>

<script setup lang="ts">
import { onMounted, ref, onUnmounted, watch } from 'vue'
let system = ref(SYSTEM_TITLE)
</script>

<script lang="ts">
export default {
    name: 'default-layout',
}
</script>

<style lang="scss" scoped>

.layoutdiv{
  position: absolute;
  top: 60px;
  left: 0px;
  width: 100%;
  height: calc(100vh - 60px);
}

.default-layout {
    height: 100%;
    width: 100%;
}

</style>
